﻿
@{
    ViewData["Title"] = "login";
}

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <style type=text/css>
        body {
            font-size: 12px;
            color: #ffffff;
            font-family: 宋体a
        }

        td {
            font-size: 12px;
            color: #ffffff;
            font-family: 宋体
        }
    </style>
    <script type="text/javascript" src="~/javascript/jquery-1.7.2.js"></script>
    <script type="text/javascript"
            src="~/javascript/jquery.messager.js">
    </script>
    <script src="~/javascript/jquery-1.11.1.js"></script>
    <script type="text/javascript"
            src="~/javascript/login.js">
    </script>
    <script src="~/javascript/vue.js"></script>
</head>
<body>
    <div id="app">
        <form action="" method="post">
            <div>
                <table cellspacing=0 cellpadding=0 width=900 align=center border=0>
                    <tbody>
                        <tr>
                            <td style="height: 105px">
                                <img src="~/images/login_11.gif" border=0 />
                            </td>
                        </tr>
                        <tr>
                            <td background="~/images/login_22.jpg" height=300>
                                <img src="~/images/login_22.jpg" style="position: relative;" />
                                <table height=300 cellpadding=0 width=900 border=0  style="position: relative; top: -273px;" >
                                    <tbody>
                                        <tr>
                                            <td colspan=2 height=35></td>
                                        </tr>
                                        <tr>
                                            <td width=360></td>
                                            <td>
                                                <table cellspacing=0 cellpadding=2 border=0>
                                                    <tbody>
                                                        <tr>
                                                            <td style="height: 28px" width=80>
                                                                登 录 名：
                                                            </td>
                                                            <td style="height: 28px" width=150>
                                                                <input id="userName" style="width: 130px" />
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td style="height: 28px">
                                                                登录密码：
                                                            </td>
                                                            <td style="height: 28px">
                                                                <input id="userPassword" style="width: 130px" type="password" />
                                                            </td>
                                                        </tr>

                                                        <tr>
                                                            <td style="height: 18px"></td>
                                                            <td style="height: 18px"></td>
                                                            <td style="height: 18px"></td>
                                                        </tr>
                                                        <tr>

                                                            <td>
                                                                <input type="button" value="登录" v-on:click="login()" style="cursor: pointer;" />
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <img src="~/images/login_33.jpg" border=0  style="position: relative;
        top: -300px;
"/>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </form>
    </div>

    <script>
        var va = new Vue({
            el: "#app",
            data: {

            }, methods: {
                login: function () {
                    var name = $("#userName").val();
                    var mm = $("#userPassword").val();
                    if (name == "eee" && mm == "123") {
                        location.href = "/Home/Index/"
                    } else {
                        alert("密码错误！");
                    }
                    
                   
                }

            }
            
        });

    </script>

</body>
</html>


